<template>
	<view>
		<view class="top">
			<view @tap="jump('/pages/index/integral/detail')" class="ming">明细</view>
			<view class="zhong">
				<view style="font-size: 40rpx;">{{ userInfo.score || '0' }}</view>
				<view style="margin-top: 15rpx;">我的积分</view>
			</view>
		</view>
		<view style="margin-top: 16rpx;padding-left: 16rpx;">
			<view class="title">积分说明</view>
			<view class="content">
        <view>一、积分获取</view>
        <view style="margin-left: 10rpx">1.个人消费获取积分，消费1元积1分</view>
        <view style="margin-left: 10rpx">2.生日月享1.5倍积分</view>
        <view style="margin-left: 10rpx">3.钻石会员享1.2倍积分；星耀会员享1.5倍积分</view>
        <view style="margin-left: 10rpx">4.线下项目服务消费不参与积分</view>
        <view>二、积分兑换</view>
        <view style="margin-left: 10rpx">1.积分商城</view>
        <view style="margin-left: 10rpx">每年11月开启积分兑换商城(每年11月1日-12月31日）</view>
        <view style="margin-left: 10rpx">2.积分红利</view>
        <view style="margin-left: 10rpx">设定积分红利￥=消费积分/门店分红（单份）</view>
        <view style="margin-left: 10rpx">当￥≥ 30%时   门店分红上浮10%</view>
        <view style="margin-left: 10rpx">当￥≥ 60%时   门店分红上浮20%</view>
        <view style="margin-left: 10rpx">当￥≥100%时   门店分红上浮40%</view>
        <view style="margin-left: 10rpx">上浮最高不超过40%</view>
        <view style="margin-left: 10rpx">积分红利比例率  根据门店年经营状况调整，以年报和系统公告为准</view>
			</view>
      <view style="width:100%;font-size: 24rpx;color: #A9A9A9;position: fixed;bottom: 3%;text-align: center">最终解释权归芳之源所有</view>
		</view>
	</view>
</template>
 
<script>
	import { mapState, mapActions, mapGetters } from 'vuex';
	export default {
		data() {
			return {

			}
		},
		computed: {
			...mapGetters(['userInfo'])
		},
		methods: {
		jump(path, query) {
			this.$Router.push({
				path: path,
				query: query
			});
		},
		}
	}
</script>

<style>
	page {
		background: #ffffff !important;
	}
</style>
<style lang="scss" scoped>
	.top {
		height: 290rpx;
		background: black;
		color: #ffffff;
		position: relative;
	}

	.zhong {
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
		align-items: center;
	}

	.ming {
		right: 30rpx;
		position: absolute;
		border-bottom: 1px solid #A9A9A9;
		top: 30rpx;
		color: #A9A9A9;
	}
	.title{
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #010101;
	}
	.content{
		font-size: 28rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #8E8E8E;
		margin-top: 16rpx;
	}
</style>
